<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.table{
				width: 400px;height: 200px;
				background-image: url(img/鸭蛋.jpg);
				background-repeat: round;
				position: relative;
			}
			.redtea{
				background-color: goldenrod;
				width: 180px;height: 40px;
				position: absolute;
				text-align: center;
				font-size: 20px;
				line-height: 40px;
				border: 1px solid black;
				margin: 15px 0 0 10px;
			}
			.redtea a{
					text-decoration: none;
			}
			.candy{
				width: 15px;height: 15px;
				position: absolute;
				left: 35px;
				background-color: red;
				border-radius: 50%;
				text-align: center;
				top: 5px;
				line-height: 15px;
				font-size: 8px;
				color: white;
			}
		</style>
	</head>
	<body background="img/牡蛎.jpg">
	<div class="table">
		<div class="redtea">
		  <a href="茶包.html">✪ 购物车</a>
		<div class="candy">1</div>
		
	    </div>
	</div>
	</body>
</html>
